@font-face {
	font-family: 'YouSheBiaoTiHei'; /* Project id  */
	src: url('/screen/YouSheBiaoTiHei.TTF?t=16825904377344') format('truetype');
}

.pageview {
	width: 100%;
	height: 100%;
	background: #0e1b29;
	display: flex;
	flex-direction: column;
	position: relative;
	.topBox {
		width: 100%;
		height: 0.93rem;
		background: url(/img/dashboard/topwrap.png) no-repeat;
		background-size: cover;
		position: relative;
		.reback {
			display: block;
			width: 1.95rem;
			height: 0.44rem;
			position: absolute;
			top: 0.12rem;
			left: 0.07rem;
			background: url(/img/dashboard/reback.png) no-repeat;
			background-size: cover;
			&:hover,
			&:active {
				background-image: url(/img/dashboard/reback-active.png);
			}
		}
		.checkFarm {
			display: block;
			width: 1.95rem;
			height: 0.44rem;
			position: absolute;
			top: 0.12rem;
			left: 1.95rem;
			background: url(/img/dashboard/Rectangle.png) no-repeat;
			background-size: cover;
			display: flex;
			justify-content: center;
			align-items: center;
			&:hover,
			&:active {
				background-image: url(/img/dashboard/Rectangle-active.png);
			}
			font-size: 0.18rem;
			// font-family: PingFang SC-Semibold, PingFang SC;
			font-weight: 550;
			color: #ffffff;
		}
		.time {
			position: absolute;
			top: 0.13rem;
			right: 0.17rem;
			line-height: 0.28rem;
			color: rgba(255, 255, 255, 0.9);
			font-size: 14px;
			font-weight: 500;
			img {
				margin-right: 0.13rem;
			}
		}
		.title {
			text-align: center;
			letter-spacing: 2px;
			color: #ffffff;
			font-size: 0.4rem;
			line-height: 0.82rem;
			background: linear-gradient(360deg, #87daff 0%, #ffffff 49%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-family: 'YouSheBiaoTiHei', '微软雅黑';
		}
	}
	.bottomBox {
		background: #0e1b29;
		background-size: cover;
		.leftbox {
			padding-left: 0.15rem;
			&::before {
				left: 0;
				background: linear-gradient(90deg, #021240 0%, #061b52 88%, rgba(4, 23, 73, 0) 100%);
			}
		}
		.rightbox {
			padding-right: 0.15rem;
			padding-left: 0.15rem;
			&::before {
				right: 0;
				background: linear-gradient(-90deg, #021240 0%, #061b52 88%, rgba(4, 23, 73, 0) 100%);
			}
		}
		.leftbox,
		.rightbox {
			width: 5.57rem;
			position: relative;
			&::before {
				position: absolute;
				top: 0;
				content: '';
				display: block;
				width: 6.16rem;
				height: 100%;
			}
			& > div {
				position: relative;
				z-index: 1;
			}
		}
		.centerbox {
			display: flex;
			flex-direction: column;
			.top {
				width: 100%;
				height: 0.92rem;
				background: url(/img/dashboard/topbg.png) no-repeat;
				background-size: cover;
				display: flex;
				justify-content: center;
			}
		}
	}
	.checkBox {
		width: 3.9rem;
		// height: calc(100% - 0.56rem);
		background: linear-gradient(180deg, #193979 0%, #0c1f46 100%);
		box-shadow: inset 3px 0px 10px 0px rgba(41, 152, 255, 0.67);
		border-radius: 0px 0px 0px 0px;
		opacity: 1;
		border: 1px solid #4454de;
		position: absolute;
		left: 0;
		top: 0.56rem;
		z-index: 99;
		bottom: 0;
		overflow-y: auto;
	}
}
